<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>围住小偷 - 策略小游戏</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
    <div class="container">
        <h1 class="title">围住小偷</h1>
        
        <div class="game-info">
            <p id="message">放置障碍物围住小偷，不要让他逃到边缘！</p>
        </div>
        
        <div class="difficulty-selector">
            <p>选择难度：</p>
            <div class="difficulty-buttons">
                <button id="easy-button" class="difficulty-btn active">简单</button>
                <button id="medium-button" class="difficulty-btn">中等</button>
                <button id="hard-button" class="difficulty-btn">困难</button>
            </div>
        </div>
        
        <div class="game-controls">
            <button id="start-button">开始游戏</button>
            <button id="reset-button">重置游戏</button>
        </div>
        
        <div id="game-grid" class="game-grid"></div>
        
        <div class="instructions">
            <p>点击空白格子放置路障，阻止小偷逃跑</p>
            <p>小偷会寻找最近的出路，阻止他到达边缘！</p>
            <p><strong>难度说明：</strong></p>
            <p>简单：大网格(15×15)，<strong>每放置2个障碍物小偷才移动1次</strong></p>
            <p>中等：中等网格(13×13)，<strong>每放置3个障碍物小偷移动2次</strong></p>
            <p>困难：小网格(11×11)，<strong>每放置1个障碍物小偷就移动1次</strong></p>
            <p><strong>通关提示：</strong>所有难度都有通关方法，尝试先围出一个大圈，然后逐渐缩小包围圈！</p>
        </div>
        
        <div class="footer">
            <p>© 2025 围住小偷. 版权所有 | <a href="LICENSE" target="_blank">许可证</a></p>
            <p><i class="fas fa-code"></i> 一款有趣的六边形网格策略游戏</p>
        </div>
    </div>
    
    <div id="result-modal" class="modal">
        <div class="modal-content">
            <h2 id="result-title"></h2>
            <p id="result-message"></p>
            <button id="play-again">再玩一次</button>
        </div>
    </div>
    
    <script src="script.js"></script>
</body>
</html> 